// mircoApp/car-manage/components/keyboard/keyboard.js
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    show: {
      type: Boolean,
      value: false
    },
    keyboardType: {
      type: Number,
      value: 1
    },
    ind: {
      type: Number,
      value: 0
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

    keyboard: [],

    show: false,

    provinces: [
      ["京", "津", "沪", "渝", "苏", "浙", " 豫", "粤", "川", "陕"],
      ["冀", "辽", "吉", "皖", "闽", "鄂", "湘", "鲁", "晋", "黑"],
      ["赣", "贵", "甘 ", "桂", "琼", "云", "青", "蒙", "藏", "宁"],
      [
        "新",
        "使",
        "领",
        "警",
        "港",
        "澳",
        "台",
        "学",
        {
          value: "",
          backspace: true
        }
      ]
    ],

    nomals: [
      ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
      ["A", "B", "C", "D", "E", "F", "G", "H", "J", "K"],
      [
        "L",
        "M",
        "N",
        {
          value: "O",
          disabled: true
        },
        "P",
        "Q",
        "R",
        "S",
        "T",
        "U"
      ],
      [
        "V",
        "W",
        "S",
        "Y",
        "Z",
        "学",
        {
          value: "澳",
          disabled: true
        },
        {
          value: "港",
          disabled: true
        },
        {
          value: "",
          backspace: true
        }
      ]
    ],

    ecos: [
      ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
      ["A", "B", "C", "D", "E", "F", "G", "H", "J", "K"],
      [
        "L",
        "M",
        "N",
        {
          value: "O",
          disabled: true
        },
        "P",
        "Q",
        "R",
        "S",
        "T",
        "U"
      ],
      [
        "V",
        "W",
        "S",
        "Y",
        "Z",
        {
          value: "学",
          disabled: true
        },
        {
          value: "澳",
          disabled: true
        },
        {
          value: "港",
          disabled: true
        },
        {
          value: "",
          backspace: true
        }
      ]
    ]
  },
  lifetimes: {
    created() {},
    attached() {
      this.change(this.properties.keyboardType);
    },
    detached() {}
  },
  observers: {
    'keyboardType': function (naval) {
      this.change(naval)
    }
  },
  /**
   * 组件的方法列表
   */
  methods: {
    change(keyboardType) {
      switch (parseInt(keyboardType)) {
        case 1:
          this.setData({
            keyboard: this.data.provinces
          });
          break;
        case 2:
          this.setData({
            keyboard: this.data.nomals
          });
          break;
        case 3:
          this.setData({
            keyboard: this.data.ecos
          });
          break;
      }
    },

    show() {
      if (!this.data.show) {
        this.setData({
          show: true
        });
      }
    },

    hide(e) {
      this.setData({
        show: false
      });
    },

    delete(e) {
      this.triggerEvent('delete', this.data.ind);
    },

    click(e) {
      this.triggerEvent('click', {
        key: e.target.dataset.col,
        ind: this.data.ind
      });
    }
  }
})